<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<link rel="stylesheet" href="./css/shopping.css">
<script src="libs/requirejs/require.min.js" data-main='js/shopping'></script>
<link rel="stylesheet" href="./css/base.css">

<body>
  <header>
    <div class="xing">
      <img src="./images/cartHeader.png" alt="" class="gwd">
      <ul class="fuw">
        <li><a href="#">你好, 189*****9</a>
          <p></p>
        </li>
        <li><a href="#">[退出] </a></li>
        <li><a href="#">订单管理</a></li><span></span>
        <li><a href="#">400-6789-888 </a></li><span></span>
        <li><a href="#">在线客服 </a></li><span></span>
        <li><a href="#">会员服务</a></li>
      </ul>
      <ul class="nh">
        <li>
          <p></p><a href="#">100% 正品保证</a>
        </li>
        <li>
          <p></p><a href="#">七天无理由放心退</a>
        </li>
        <li>
          <p></p><a href="#">限时抢购</a>
        </li>
      </ul>
    </div>
  </header>
  <main>
    <div class="temsp">
      <a href="#">特卖商品</a>
    </div>
    <div class="pes">
      <span class="zhi">配送至<em>武侯区</em></span>
    </div>
    <span class="shu"></span>
    <p class="countdown">勾选商品“
      <img src="./images/gouxuan.png" alt="">
      ”即可锁定库存20分钟，倒计时内不用担心商品被抢走～
    </p>
    <ul class="lie">
      <li><a href="#">商品</a></li>
      <li><a href="#">单价</a></li>
      <li><a href="#">数量</a></li>
      <li><a href="#">小计</a></li>
      <li><a href="#">操作</a></li>
    </ul>
    <div class="gwcsp">
      <span class="ziy">唯品自营</span>
      <table class="jingr">
        <tbody>
        </tbody>
      </table>
      <div class="jiesh">
        <label><input type="checkbox" class="all_check" checked='false'>全选</label>
        <button class="removecheck">删除选中</button>
        <span>总计:<p class="money"></p></span>
        <div class="hes">去支付</div>
      </div>
    </div>
  </main>
  <script type="text/html" id="shopping-template">
    {{each cart prod}}
  <tr class="item"  data-id="{{prod.id}}">
    <td class="one">
      <input type="checkbox" class="ck" {{prod.checked? 'checked="checked"':""}}>
      <img src="{{prod.image}}" alt="">
      <div class="name">
        <span>{{prod.title}}</span>
        {{if prod.keywords.length}}
        <span class="guige">{{prod.keywords}}</span>
        {{else if prod.qunTitle}}
        <span class="guige">{{prod.qunTitle}}</span>
        {{else if prod.introduction}}
        <span class="guige">{{prod.introduction}}</span>
        {{/if}}
      </div>
    </td>
    <td class="jiaq">
      <p>￥<span class="price">{{prod.price}}</span></p>
    </td>
    <td class="jiajian">
      <div class="shul">
        <button class="dels">-</button>
        <input class="amount" type="text" value="{{prod.amount}}" size="2">
        <button class="add">+</button>
      </div>
    </td>
    <td class="amn">
      {{(prod.price*10)*prod.amount/10}}
    </td>
    <td class="del">
      <button class="dee">删除</button>
    </td>
  </tr>
  {{/each}}
  </script>
</body>

</html>